{#<div class="row classroom-category">
  <div class="col-xs-12">
    <div class="panel panel-default">
      <h4 class="panel-heading">烧烤</h4>
      <div class="panel-body">
        <ul class="course-list">
          <li class="list-item">
            <a href="" title="">传统烧烤</a>
            <a href="" title="">韩式烧烤</a>
            <a href="" title="">日式烧烤</a>
            <a href="" title="">传统烧烤</a>
            <a href="" title="">韩式烧烤</a>
            <a href="" title="">日式烧烤</a>
            <a href="" title="">传统烧烤</a>
            <a href="" title="">韩式烧烤</a>
            <a href="" title="">日式烧烤</a>
          </li>
        </ul>
      </div>

      <h4 class="panel-heading">热点小吃</h4>
      <div class="panel-body">
        <ul class="course-list">
          <li class="list-item">
            <a href="" title="">无骨鸡翅</a>
            <a href="" title="">爆浆鸡排</a>
            <a href="" title="">绝味鸭脖</a>
          </li>
        </ul>
      </div>

      <h4 class="panel-heading">烧烤</h4>
      <div class="panel-body">
        <ul class="course-list">
          <li class="list-item">
            <a href="" title="">传统烧烤</a>
            <a href="" title="">韩式烧烤</a>
            <a href="" title="">日式烧烤</a>
          </li>
        </ul>
      </div>

      <h4 class="panel-heading">热点小吃</h4>
      <div class="panel-body">
        <ul class="course-list">
          <li class="list-item">
            <a href="" title="">无骨鸡翅</a>
            <a href="" title="">爆浆鸡排</a>
            <a href="" title="">绝味鸭脖</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>#}
{% set categories = data('Categories',{group:'course',parentId:0}) %}
<div class="row classroom-category">
  <div class="col-xs-12">
    <div class="panel panel-default">
      <h4 class="panel-heading">热门分类</h4>
      <div class="panel-body">
        <ul class="course-list">
          <li class="list-item">
            {% for category in categories %}
            <a href="{{ path('course_explore',{category: category.code})}}" title="{{ category.name }}">{{ category.name }}</a>
            {% endfor %}
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>